import { Component } from '@angular/core';
import {Card} from './card/card';

@Component({
  selector: 'app-root',
  imports: [ Card],
  templateUrl: './app.html',
  styleUrl: './app.css'
})
export class App {
  protected title = 'cards';

  posts = [
    {
      title:'Neat Tree',
      imageUrl:'assets/tree.jpeg',
      username:'nature',
      content :'I saw this neat tree today'
    },
    {
      title:'Snowy Mountain',
      imageUrl:'assets/mountain.jpeg',
      username:'mountainlover',
      content :'Here is a picture of a snowy mountain'
    },
    {
      title:'Mountain Biking',
      imageUrl:'assets/biking.jpeg',
      username:'biking',
      content :'I did some biking today'
    }
  ]
}
